<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <!---Read only section. Source panel edits to these document properties will not be persisted-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Call JavaScript From a WebVI</title>
        <!---End read only section. Additional scripts or document properties can be added outside this section-->
        <link href="ni-webvi-resource-v0/favicon.ico" type="image/x-icon" rel="icon">
<link href="ni-webvi-resource-v0/Web/dist/Styles/niBase.DeployedRun.min.css" type="text/css" rel="stylesheet">
<script src="ni-webvi-resource-v0/BrowserDetection.js" type="text/javascript" nomodule=""></script>
<script src="ni-webvi-resource-v0/DeployedRun.min.js" type="module"></script>
<script src="ni-webvi-resource-v0/VireoImport.min.js" type="module"></script>
<script src="ni-webvi-resource-v0/ResourceLoadDetection.js" defer=""></script>
<style ni-autogenerated-style-id="">
		/* Read only section. Source panel edits to the content of this style tag will not be persisted */
        [ni-control-id='2'] { --ni-background: rgba(255,255,255,1); --ni-border-width: 0px 0px 0px 0px; height: 1300px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 30px 30px 30px 30px; width: 1000px; --ni-max-width: none; }
        .ni-front-panel-wrapper { min-width: 1000px; }
        [ni-control-id='3'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 4px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 19px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='4'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 100px; left: 4px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 39px; width: 983px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='5'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 84px; left: 190px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 228px; width: 198px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-template-id='8'], [ni-control-id='8'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 72px; left: 5px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 5px; width: 44px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='7'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(255,255,255,1); height: auto; left: 190px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 208px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='6'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 398px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 246px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='10'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 398px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 226px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='9'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 398px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 330px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='12'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 398px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 310px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='11'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 740px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 558px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='14'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 740px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 538px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='13'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 84px; left: 190px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 312px; width: 198px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-template-id='17'], [ni-control-id='17'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 72px; left: 5px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 5px; width: 44px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='16'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(255,255,255,1); height: auto; left: 190px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 292px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='15'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 54px; left: 193px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 544px; width: 390px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-template-id='20'], [ni-control-id='20'] { --ni-border-width: 0px 0px 0px 0px; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 42px; left: 5px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 5px; --ni-true-foreground-color: rgba(255,255,255,1); width: 44px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='18'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 628px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 558px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='19'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(255,255,255,1); height: auto; left: 193px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 524px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='22'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 628px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 538px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='21'] { --ni-border-width: 1px 1px 1px 1px; --ni-foreground-color: rgba(43,48,51,1); height: 140px; left: 152px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 875px; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='25'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 24px; --ni-true-background: rgba(255,0,0,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 24px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='26'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='27'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 56px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 24px; width: 104px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='28'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 56px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='29'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 56px; --ni-overflow-x: hidden; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 72px; --ni-overflow-y: auto; width: 152px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='30'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 52px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='24'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 152px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 855px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='23'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 740px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 660px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='31'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 55px; left: 192px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 640px; width: 390px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-template-id='35'], [ni-control-id='35'] { --ni-border-width: 0px 0px 0px 0px; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 43px; left: 5px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 5px; --ni-true-foreground-color: rgba(255,255,255,1); width: 44px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='33'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 628px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 660px; width: 72px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='32'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 740px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 640px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='34'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(255,255,255,1); height: auto; left: 192px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 620px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='37'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 628px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 640px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='36'] { --ni-border-width: 1px 1px 1px 1px; --ni-foreground-color: rgba(43,48,51,1); height: 140px; left: 376px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 875px; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='40'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 24px; --ni-true-background: rgba(255,0,0,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 24px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='41'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='42'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 56px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 24px; width: 104px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='43'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 56px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='44'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 56px; --ni-overflow-x: hidden; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 72px; --ni-overflow-y: auto; width: 152px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='45'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 52px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='39'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 376px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 855px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='38'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); left: 130px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 228px; font-size: 27px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; width: auto; height: auto; }
        [ni-control-id='46'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); left: 130px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 304px; font-size: 27px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; width: auto; height: auto; }
        [ni-control-id='47'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); left: 118px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 544px; font-size: 27px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; width: auto; height: auto; }
        [ni-control-id='48'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); left: 117px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 640px; font-size: 27px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; width: auto; height: auto; }
        [ni-control-id='49'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); left: 500px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 228px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 376px; height: 216px; }
        [ni-control-id='50'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(115,169,216,1); height: 31px; left: 31px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 148px; width: 954px; font-size: 21px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='52'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 31px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 128px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='51'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(255,255,255,1); left: 36px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: center; --ni-text-align: center; top: 46px; font-size: 64px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; width: 920px; height: 86px; }
        [ni-control-id='53'] { --ni-border-color: rgba(168,171,174,1); --ni-border-width: 0px 0px 0px 0px; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 40px; left: 194px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 407px; --ni-true-foreground-color: rgba(255,255,255,1); width: 184px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; }
        [ni-control-id='55'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 194px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 387px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='54'] { --ni-border-width: 1px 1px 1px 1px; --ni-foreground-color: rgba(43,48,51,1); height: 140px; left: 612px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 875px; width: 168px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='58'] { --ni-border-width: 0px 0px 0px 0px; --ni-content-display: none; --ni-false-foreground-color: rgba(43,48,51,1); --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 24px; --ni-true-background: rgba(255,0,0,1); --ni-true-foreground-color: rgba(255,255,255,1); width: 24px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='59'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='60'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 24px; left: 56px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-end; --ni-text-align: right; top: 24px; width: 104px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='61'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 56px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 4px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='62'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: 56px; --ni-overflow-x: hidden; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 72px; --ni-overflow-y: auto; width: 152px; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='63'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(43,48,51,1); height: auto; left: 8px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 52px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='57'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); height: auto; left: 612px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; top: 855px; width: auto; font-size: 12px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
        [ni-control-id='56'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); left: 100px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 176px; font-size: 27px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; width: 236px; height: 36px; }
        [ni-control-id='64'] { --ni-border-width: 0px 0px 0px 0px; --ni-foreground-color: rgba(0,0,0,1); left: 101px; --ni-margin: 0px 0px 0px 0px; --ni-padding: 0px 0px 0px 0px; --ni-text-align-as-flex: flex-start; --ni-text-align: left; top: 495px; font-size: 27px; font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; width: 236px; height: 36px; }
		/* End read only section. To add additional styles, add a new style tag after this one. */</style><script src="Calculator Library/javascript/Add.js"></script>
<script src="Calculator Library/javascript/Multiply.js"></script>

    
</head>

    <body><ni-web-application location="BROWSER" engine="VIREO" vireo-source="index.via.txt" wasm-url="ni-webvi-resource-v0/node_modules/vireo/dist/wasm32-unknown-emscripten/release/vireo.core.wasm"><ni-virtual-instrument vi-name="WebApp::index.gviweb"></ni-virtual-instrument></ni-web-application>
        <div id="ni-outdated-browser-message" style="display:none">This browser is missing features needed to run this web application. Open this web application in a supported browser.</div>
        <div id="ni-failed-to-load-vireo-source" style="display:none">
            <div id="ni-failed-to-load-vireo-message-title">
                Unable to load resource file
            </div>
            <div id="ni-failed-to-load-vireo-message-body">
                Verify all WebVI files are available and served using an HTTP server or use a browser that can load files directly from the file system. See <a href="http://digital.ni.com/express.nsf/bycode/HOSTWEBAPP">Hosting a Web Application on a Server</a>                for more information.
            </div>
        </div>
        <div class="ni-front-panel-wrapper" vi-ref="" ni-control-id="FrontPanelWrapper">
            <ni-front-panel control-resize-mode='fixed' layout='absolute' ni-control-id='2'>

                <!--Add free text as a white background -->

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

                

            
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='3' text='banner'></ni-label>
            <ni-url-image alternate='' binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_Banner", "dco": 15, "isLatched": false, "prop": "source", "sync": false, "unplacedOrDisabled": true}' control-resize-mode='fixed' follower-ids='["3"]' href='' label-alignment='top-left' label-id='3' ni-control-id='4' read-only='true' source='data:image/svg+xml,%3C?xml%20version=%221.0%22%20encoding=%22UTF-8%22?%3E%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Crect%20width=%22100%25%22%20height=%22100%25%22%20fill=%22%23044123%22/%3E%3C/svg%3E' stretch='uniform' target='_self'></ni-url-image>
            <ni-array-viewer binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_XBinary", "dco": 0, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' default-element-value='false' dimensions='1' follower-ids='["7"]' index-editor-width='53' label-alignment='top-left' label-id='7' ni-control-id='5' ni-type='{"name": "Array", "rank": 1, "subtype": "Boolean"}' orientation='horizontal' rows-and-columns='1,4' value='[false, false, false, false]'>
                <jqx-switch-button click-mode='release' control-resize-mode='fixed' false-content='Off' ni-control-id='8' orientation='vertical' switch-mode='click' true-content='On'></jqx-switch-button>
            </ni-array-viewer>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='7' text='X (Binary)'></ni-label>
            <jqx-numeric-text-box binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_XDecimal", "dco": 1, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' enable-mouse-wheel-action='true' follower-ids='["10"]' label-alignment='top-left' label-id='10' max='4294967295' min='0' ni-control-id='6' ni-type='UInt32' radix='decimal' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='10' text='X (Decimal)'></ni-label>
            <jqx-numeric-text-box binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_YDecimal", "dco": 2, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' enable-mouse-wheel-action='true' follower-ids='["12"]' label-alignment='top-left' label-id='12' max='4294967295' min='0' ni-control-id='9' ni-type='UInt32' radix='decimal' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='12' text='Y (Decimal)'></ni-label>
            <jqx-numeric-text-box binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_AddBuiltIn", "dco": 3, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' enable-mouse-wheel-action='true' follower-ids='["14"]' label-alignment='top-left' label-id='14' max='4294967295' min='0' ni-control-id='11' ni-type='UInt32' radix='decimal' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='14' text='Add (Built-in)'></ni-label>
            <ni-array-viewer binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_YBinary", "dco": 4, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' default-element-value='false' dimensions='1' follower-ids='["16"]' index-editor-width='53' label-alignment='top-left' label-id='16' ni-control-id='13' ni-type='{"name": "Array", "rank": 1, "subtype": "Boolean"}' orientation='horizontal' rows-and-columns='1,4' value='[true, true, true, true]'>
                <jqx-switch-button checked='true' click-mode='release' control-resize-mode='fixed' false-content='Off' ni-control-id='17' orientation='vertical' switch-mode='click' true-content='On'></jqx-switch-button>
            </ni-array-viewer>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='16' text='Y (Binary)'></ni-label>
            <ni-array-viewer binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_AddJSLI", "dco": 5, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' default-element-value='false' dimensions='1' follower-ids='["19"]' index-editor-width='53' label-alignment='top-left' label-id='19' ni-control-id='15' ni-type='{"name": "Array", "rank": 1, "subtype": "Boolean"}' orientation='horizontal' read-only='true' rows-and-columns='1,8' value='[]'>
                <jqx-led click-mode='release' control-resize-mode='fixed' false-content='Off' ni-control-id='20' readonly='true' shape='square' true-content='On'></jqx-led>
            </ni-array-viewer>
            <jqx-numeric-text-box binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_AddJSLI2", "dco": 6, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' enable-mouse-wheel-action='true' follower-ids='["22"]' label-alignment='top-left' label-id='22' max='4294967295' min='0' ni-control-id='18' ni-type='UInt32' radix='decimal' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='19' text='Add JSLI'></ni-label>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='22' text='Add (JSLI)'></ni-label>
            <ni-cluster binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_AddJSLIError", "dco": 7, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' follower-ids='["24"]' label-alignment='top-left' label-id='24' layout='absolute' ni-control-id='21' ni-type='{"fields": ["status", "code", "source"], "name": "Cluster", "subtype": ["Boolean", "Int32", "String"]}' read-only='true' value='{"code": 0, "source": "", "status": false}'>
                <jqx-led binding-info='{"field": "status", "prop": "value", "sync": false}' click-mode='release' control-resize-mode='fixed' false-content='' follower-ids='["26"]' label-alignment='top-left' label-id='26' ni-control-id='25' readonly='true' shape='round' true-content=''></jqx-led>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='26' text='status'></ni-label>
                <jqx-numeric-text-box binding-info='{"field": "code", "prop": "value", "sync": false}' control-resize-mode='fixed' drop-down-enabled='true' enable-mouse-wheel-action='true' follower-ids='["28"]' label-alignment='top-left' label-id='28' max='2147483647' min='-2147483648' ni-control-id='27' ni-type='Int32' radix='decimal' radix-display='true' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='28' text='code'></ni-label>
                <ni-string-control accepts-return='true' binding-info='{"field": "source", "prop": "text", "sync": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["30"]' label-alignment='top-left' label-id='30' ni-control-id='29' read-only='true' text='' word-wrap='true'></ni-string-control>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='30' text='source'></ni-label>
            </ni-cluster>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='24' text='Add JSLI Error'></ni-label>
            <jqx-numeric-text-box binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_MultiplyBuiltIn", "dco": 8, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' enable-mouse-wheel-action='true' follower-ids='["32"]' label-alignment='top-left' label-id='32' max='4294967295' min='0' ni-control-id='23' ni-type='UInt32' radix='decimal' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
            <ni-array-viewer binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_MultiplyJSLI", "dco": 9, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' default-element-value='false' dimensions='1' follower-ids='["34"]' index-editor-width='53' label-alignment='top-left' label-id='34' ni-control-id='31' ni-type='{"name": "Array", "rank": 1, "subtype": "Boolean"}' orientation='horizontal' read-only='true' rows-and-columns='1,8' value='[]'>
                <jqx-led click-mode='release' control-resize-mode='fixed' false-content='Off' ni-control-id='35' readonly='true' shape='square' true-content='On'></jqx-led>
            </ni-array-viewer>
            <jqx-numeric-text-box binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_MultiplyJSLI2", "dco": 10, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' enable-mouse-wheel-action='true' follower-ids='["37"]' label-alignment='top-left' label-id='37' max='4294967295' min='0' ni-control-id='33' ni-type='UInt32' radix='decimal' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='32' text='Multiply (Built-in)'></ni-label>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='34' text='Multiply JSLI'></ni-label>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='37' text='Multiply (JSLI)'></ni-label>
            <ni-cluster binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_MultiplyJSLIError", "dco": 11, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' follower-ids='["39"]' label-alignment='top-left' label-id='39' layout='absolute' ni-control-id='36' ni-type='{"fields": ["status", "code", "source"], "name": "Cluster", "subtype": ["Boolean", "Int32", "String"]}' read-only='true' value='{"code": 0, "source": "", "status": false}'>
                <jqx-led binding-info='{"field": "status", "prop": "value", "sync": false}' click-mode='release' control-resize-mode='fixed' false-content='' follower-ids='["41"]' label-alignment='top-left' label-id='41' ni-control-id='40' readonly='true' shape='round' true-content=''></jqx-led>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='41' text='status'></ni-label>
                <jqx-numeric-text-box binding-info='{"field": "code", "prop": "value", "sync": false}' control-resize-mode='fixed' drop-down-enabled='true' enable-mouse-wheel-action='true' follower-ids='["43"]' label-alignment='top-left' label-id='43' max='2147483647' min='-2147483648' ni-control-id='42' ni-type='Int32' radix='decimal' radix-display='true' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='43' text='code'></ni-label>
                <ni-string-control accepts-return='true' binding-info='{"field": "source", "prop": "text", "sync": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["45"]' label-alignment='top-left' label-id='45' ni-control-id='44' read-only='true' text='' word-wrap='true'></ni-string-control>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='45' text='source'></ni-label>
            </ni-cluster>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='39' text='Multiply JSLI Error'></ni-label>
            <ni-text control-resize-mode='fixed' ni-control-id='38' text='X'></ni-text>
            <ni-text control-resize-mode='fixed' ni-control-id='46' text='Y'></ni-text>
            <ni-text control-resize-mode='fixed' ni-control-id='47' text='X+Y'></ni-text>
            <ni-text control-resize-mode='fixed' ni-control-id='48' text='X*Y'></ni-text>
            <ni-text control-resize-mode='fixed' ni-control-id='49' text='This example is a simple 4-bit calculator using the JavaScript Library Interface (JSLI). The math functions and Log to Console button illustrate different methods of using the JSLI. Add (JSLI) and Multiply (JSLI) use external JavaScript files to implement their functions. Click the X and Y buttons to change the binary input numbers.

The Log to Console button logs text to the browser debug console using the browser-supported console.log function. After building and deploying the WebVI to a browser, open the browser developer tools (Press F12 in most browsers) and select the Console tab to view the console log.'></ni-text>
            <ni-hyperlink binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_GitHubHyperlink", "dco": 12, "isLatched": false, "prop": "href", "sync": false, "unplacedOrDisabled": true}' content='Learn more about this example at github.com/ni/webvi-examples' control-resize-mode='fixed' follower-ids='["52"]' href='https://github.com/ni/webvi-examples' label-alignment='top-left' label-id='52' ni-control-id='50' target='_self'></ni-hyperlink>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='52' text='GitHub Hyperlink '></ni-label>
            <ni-text control-resize-mode='fixed' ni-control-id='51' text='Call JavaScript From a WebVI'></ni-text>
            <jqx-toggle-button binding-info='{"accessMode": "readOnly", "dataItem": "dataItem_Log", "dco": 13, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' click-mode='press' content-visible='true' control-resize-mode='fixed' follower-ids='["55"]' glyph-content='' label-alignment='top-left' label-id='55' ni-control-id='53' text-content='Log to Console'></jqx-toggle-button>
            <ni-label class='ni-hidden' control-resize-mode='fixed' label-alignment='top-left' ni-control-id='55' text='Log'></ni-label>
            <ni-cluster binding-info='{"accessMode": "writeOnly", "dataItem": "dataItem_LogError", "dco": 14, "isLatched": false, "prop": "value", "sync": false, "unplacedOrDisabled": false}' control-resize-mode='fixed' follower-ids='["57"]' label-alignment='top-left' label-id='57' layout='absolute' ni-control-id='54' ni-type='{"fields": ["status", "code", "source"], "name": "Cluster", "subtype": ["Boolean", "Int32", "String"]}' read-only='true' value='{"code": 0, "source": "", "status": false}'>
                <jqx-led binding-info='{"field": "status", "prop": "value", "sync": false}' click-mode='release' control-resize-mode='fixed' false-content='' follower-ids='["59"]' label-alignment='top-left' label-id='59' ni-control-id='58' readonly='true' shape='round' true-content=''></jqx-led>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='59' text='status'></ni-label>
                <jqx-numeric-text-box binding-info='{"field": "code", "prop": "value", "sync": false}' control-resize-mode='fixed' drop-down-enabled='true' enable-mouse-wheel-action='true' follower-ids='["61"]' label-alignment='top-left' label-id='61' max='2147483647' min='-2147483648' ni-control-id='60' ni-type='Int32' radix='decimal' radix-display='true' readonly='true' significant-digits='21' spin-buttons-initial-delay='500' spin-buttons-position='right' spin-buttons-step='1' validation='interaction' value='0'></jqx-numeric-text-box>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='61' text='code'></ni-label>
                <ni-string-control accepts-return='true' binding-info='{"field": "source", "prop": "text", "sync": false}' control-resize-mode='fixed' escaped-display-mode='default' follower-ids='["63"]' label-alignment='top-left' label-id='63' ni-control-id='62' read-only='true' text='' word-wrap='true'></ni-string-control>
                <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='63' text='source'></ni-label>
            </ni-cluster>
            <ni-label control-resize-mode='fixed' label-alignment='top-left' ni-control-id='57' text='Log Error'></ni-label>
            <ni-text control-resize-mode='fixed' ni-control-id='56' text='Inputs'></ni-text>
            <ni-text control-resize-mode='fixed' ni-control-id='64' text='Outputs'></ni-text>
        </ni-front-panel>
        </div>
    </body>

</html>